<template>
	<div class="iconss">		
		<ul class="icons-ul">
			<li class="icons-li" v-for="(item,index) in IconFree">				
				<img :src="item.imgUrl" />
				<p style="color: black;">{{item.title}}</p>				
			</li>
		</ul>		
	</div>
</template>

<script>
	export default{
		props:['IconFree'],
		data(){
			return{
				
			}
		},		
	}
</script>

<style scoped>
	.iconss{
		background-color: white;
	}
	.icons-ul{
		width: 100%;	
		display: inline-block;
		margin-top: 0.1rem;
		margin-bottom: 0.4rem;
	}
	.icons-li{
		width: 20%;
		text-align: center;
		font-size: 0.27rem;
		float: left;
		margin-top: 0.3rem;
	}
	.icons-li p{
		margin-top: 0.1rem;
	}
	.icons-ul img{
		width: 70%;
	}
</style>